@charset "utf-8";
html{ -webkit-text-size-adjust:100%  }
body{ margin:0px; padding:0px; margin:0px auto; font-size:85%; background-color:#fafafa; color:#666; width:100%; min-width:1200px; width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); zoom:1; position:relative; font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px; list-style:none;}
.ul,.ul li{ list-style:none;}
.npm{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { margin:0; padding:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; vertical-align:top;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;color:#d4c37f;}
.cle{ clear:both; height:0; overflow:hidden;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}

/*top.html*/
#superContainer {
    height: 100%;
    position: relative;
}
.section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nyfh{ margin-top:30px;}
.nyfh a{color:#333;}
/*page*/
.yeshu{float: right;margin: 20px 0 10px 0; font-family:Arial,"宋体"; font-size:12px; color:#000; height:28px;text-align: right;}
.yeshu li{ float:left; height:30px; line-height:30px;}
.yeshu li a{ font-family:Arial, "宋体";margin-left:5px; width:50px; height:30px; text-align:center; line-height:30px; border:1px solid #ddd; color:#555; display:block;}
.yeshu li a:hover{ background:#d4c37f; color:#fff;}
.yeshu li a,.yeshu li .pageinfo{ color:#555;} 
.yeshu li .pageinfo{ padding-left:5px;}
.yeshu span.zi{margin-right:5px; width: 190px;height: 24px;line-height: 24px;text-align: center;display: block;border: 1px solid #ddd;float: left;float: left;font-family:Arial,"宋体"; font-size:12px;}
.yeshu a.first,.yeshu a.prev,.yeshu a.next{ margin-right:5px; float:left;display: block;width: 60px;height: 24px;line-height: 24px; text-align:center;border: 1px solid #ddd;}
.yeshu span.current,.yeshu a.end,.yeshu a.num{margin-right:5px; float:left;display: block;width: 24px;height: 24px;line-height: 24px; text-align:center;border: 1px solid #ddd;}
.yeshu a{ color:#000;}
.yeshu a:hover{}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
	

.lef-casfi{ width:228px; height:80px; background:#d4c37f; color:#fff; font-size:25px; font-weight:bold; display:block; text-align:left; padding-left:50px; padding-top:30px; line-height:30px;}
.lef-casfi b{ font-weight:bold; font-size:12px; color:#fff;}




/*-----------case page-------------*/
.subpage{margin-top: 25px;}
.container{width: 1200px; margin-left: auto; margin-right: auto;}
.por{position:relative!important}
.nw{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hr{width:100%;height:1px}
.aft{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top}
.teamList{position: relative; overflow: hidden; margin-right: -30px; margin-bottom: -10px; *margin-bottom: 0; color: #000;}
.teamList .item{float: left; position: relative; overflow: hidden; width: 380px; height: 400px; margin-right: 30px; margin-bottom: 30px;}
.teamList .pic{height: 284px; margin-bottom: 30px;}
.teamList h3{font-size: 20px; line-height: 26px; font-weight: bold;padding-top:20px;}
.teamList .hr{margin-top: 12px; width: 98px; height: 2px; background-color: #000; float:left;}
.teamList .info{position: relative; overflow: hidden; max-height: 44px; line-height: 22px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 12px;}
.teamList .more{position: absolute; overflow: hidden; left: 0; bottom: 0; width: 343px; height: 30px; padding-left: 25px; padding-right: 12px; line-height: 30px; text-transform: uppercase; background-color: #323232; color: #fff;}
.teamList .more:hover{text-indent: 3px;}
.teamList .dot{position: absolute; right: 12px; top: 3px; width: 24px; height: 24px; border-radius: 12px; line-height: 24px; text-align: center; color: #fff;}
.teamList .dot::before{content: " "; position: absolute; z-index: 0; left: 0; top: 0; width: 24px; height: 24px; border-radius: 100%; background-color: #da251e; -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
.teamList .item:hover a,
.teamList .item:hover .info{color: #da251e;}
.teamList .item:hover .hr{background-color: #da251e;}
.teamList .item:hover .more{color: #fff; background-color: #da251e;}
.teamList .item:hover .dot::before{-webkit-transform: scale(2); transform: scale(2);}

.csstransf .hbg .zd{-webkit-transform: scale(2); transform: scale(2);}
.csstransf .hbg:hover .zd,
.csstransf .hbg.on .zd{-webkit-transform: scale(1); transform: scale(1);}
.csstransf .hbg .zu{-webkit-transform: scale(0); transform: scale(0);}
.csstransf .hbg:hover .zu,
.csstransf .hbg.on .zu{-webkit-transform: scale(1); transform: scale(1);}
.csstransf .scs img{-webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s;}
.csstransf .scs.on img,
.csstransf .scs:hover img{-webkit-transform: scale(1.03); transform: scale(1.03);}
.csstransf .tfy3,
.csstransf .tfx3,
.csstransf .tfy-3,
.csstransf .tfx-3{-webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
.csstransf .tfy3:hover{-webkit-transform: translateY(3px); transform: translateY(3px);}
.csstransf .tfx3:hover{-webkit-transform: translateX(3px); transform: translateX(3px);}
.csstransf .tfy-3:hover{-webkit-transform: translateY(-3px); transform: translateY(-3px);}
.csstransf .tfx-3:hover{-webkit-transform: translateX(-3px); transform: translateX(-3px);}

.netit{ width:100%; border-bottom:1px solid #ccc; text-align:center; line-height:60px;}
.ntdate{width:100%; text-align:center; line-height:40px; color:#555; font-size:12px;}
.ntcon{ padding-bottom:50px;}
.ntcon p{ font-size:14px; line-height:30px;}

.online_serivce{position:fixed;left:0;top:70%;}
.online_serivce .close{float:left;width:13px;display:none;}
.online_serivce .close a{ display:block; height:84px;background:url(../images/an.png) no-repeat center;}
.online_serivce .img{float:left;}
.online_serivce .open{float:left;cursor:pointer;display:none;}


/*pages*/
.Pages{ padding-top:32px; border-top:1px solid #d5d7d9; line-height:18px; zoom:1; overflow:hidden; text-align:right; margin-top:10px; padding-bottom:10px; font-size:90%;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px;}
.Pages b{ font-weight:normal;}
.Pages .p_cur b{ color:#ff0000;}
.Pages .p_page em{ font-style:normal; font-family:Arial; display:none;}
.Pages .p_page em a{ padding:0px 7px; border:solid 1px #e1e1e1; background:#f1f1f1;}
.Pages .p_page em a.a_cur{ color:#fff; border:solid 1px #0395ea; background:#0e76b3;}
.Pages .p_page b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative;width:31px; height:21px; cursor:pointer; border:none; background:url(../images/go.jpg) no-repeat; vertical-align:middle\9;}
/*pages end*/

.info{text-align:justify; word-wrap: break-word; word-break: normal; line-height:25px;}
.Auto{ width:1200px; margin:0 auto; background-color:#fff;}
.Auto2{width:1200px; margin:0 auto; }
.Header{  position:fixed; width:100%; left:0; top:0; min-width:1200px; height:90px;border-bottom: 3px solid #f0f0f0;z-index:100;background: #333333;}
.Header .TopBg{ /*overflow:hidden;*/ background-color:#fff;pointer-events: none}
.Header .Auto{ /*position:relative;*/}
.logo{ /*position:absolute;*/ left:0; top:20px;}
.logo img{ height:85px; width:414px;pointer-events:auto}
.logfr{width: 620px;}


.Header .a-link{ text-align:right; line-height:30px; font-size:12px; height: 30px;padding-top: 10px;}
.Header .a-link span{/* position:absolute;*/right: 0px;color: #888;font-size: 12px;}
.Header .a-link span b{font-size:12px; color: #00479d;}


.center{ width:1200px; margin:0 auto; text-align:center;}
.ind-wel{height:24px; line-height: 24px; background:#f2f2f2;}
.ind-wel span{height:24px; line-height:24px;font-family:Arial, "微软雅黑"; text-transform:uppercase;}


.MenuBg{width: 1200px;margin: 0 auto;}
.Menu{ /* position:relative; z-index:20;*/width: 750px;float: right; background:#333; margin-top:25px;}
.Menu nav{  margin:0 auto; overflow:hidden;}
.Menu li{ list-style:none; line-height:43px; float:left; font-size:14px; background:url(../images/menu_line.jpg) no-repeat left center; text-align:right;width: 57px; margin-left: 36px;}

.Menu li#m01{}
.Menu li a{ display:block; font-size:14px; color:#d4c37f;}
.Menu li a:hover,.Menu li.aon a{ font-weight:bold;}

.subnav{ width:100%;/* min-width:1200px;position:absolute; left:0;  top:140px;*/ background: url(../images/ying.png) repeat-x left top #fff; display:none; overflow:hidden;}
.subnav .Auto{ border-top:0; position:relative;z-index:200;}
.subnav .nav{ clear:both; overflow:hidden; background:url(../images/ying.png) repeat-x top;}
.subnav .con-list{ clear:both; overflow:hidden;display:block;}
.subnav .nav dt{
	background:url(../images/ying.png) repeat-x left top #f3f3f3;
	text-align:left; 
	display:block;
	line-height:51px; height:51px; font-size:14px; font-weight:normal; border-left:1px solid #e7e7e7; margin-left:79px;width:200px;}
.subnav .nav dt img{ /*width:25px;*/ height:25px; vertical-align:middle; margin-left:20px; margin-right:10px}/*里面图标*/
.con-list .con{ float:left; padding:10px; line-height:24px; font-size:12px;}/*子栏目*/

/*banner*/
.ind-banner{ height:534px; overflow:hidden;text-align: center; position:relative; z-index:20;}
.ny-banner{ height:455px; overflow:hidden;text-align: center;position:relative; z-index:20; border-bottom:8px solid #cccccc;}
/* mainbanner */
/* ---------------------- 百叶窗banner  -------------------------- */
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:100%; height:534px; background:#333; position:relative; overflow:hidden;margin: 0 auto;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:50%; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:50%; right:10px; z-index:10;}
#playBox .smalltitle {width:1421px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#d4c37f;}



/*解决方案*/
.subnav .nav6{ clear:both; overflow:hidden;background:url(../images/ying.png) repeat-x top;}
.subnav .nav6 dt{
	background:url(../images/ying.png) repeat-x left top #f3f3f3;
	text-align:left; 
	display:block;
	line-height:51px; height:51px; font-size:14px; font-weight:normal; border-left:1px solid #e7e7e7; margin-left:454px;width:250px;}
.subnav .nav6 dt img{ /*width:25px;*/ height:25px; vertical-align:middle; margin-left:20px; margin-right:10px}/*里面图标*/


/*经典工程*/
.subnav .nav1{ clear:both; overflow:hidden;background:url(../images/ying.png) repeat-x top;}
.subnav .nav1 dt{
	background:url(../images/ying.png) repeat-x left top #f3f3f3;
	text-align:left; 
	display:block;
	line-height:51px; height:51px; font-size:14px; font-weight:normal; border-left:1px solid #e7e7e7; margin-left:548px;width:200px;}
.subnav .nav1 dt img{ /*width:25px;*/ height:25px; vertical-align:middle; margin-left:20px; margin-right:10px}/*里面图标*/

/*企业文化*/
.subnav .nav2{ clear:both; overflow:hidden;background:url(../images/ying.png) repeat-x top;}
.subnav .nav2 dt{
	background:url(../images/ying.png) repeat-x left top #f3f3f3;
	text-align:left; 
	display:block;
	line-height:51px; height:51px; font-size:14px; font-weight:normal; border-left:1px solid #e7e7e7; margin-left:230px;width:200px;}
.subnav .nav2 dt img{ /*width:25px;*/ height:25px; vertical-align:middle; margin-left:20px; margin-right:10px}/*里面图标*/

/*媒体中心*/
.subnav .nav3{ clear:both; overflow:hidden;background:url(../images/ying.png) repeat-x top;}
.subnav .nav3 dt{
	background:url(../images/ying.png) repeat-x left top #f3f3f3;
	text-align:left; 
	display:block;
	line-height:51px; height:51px; font-size:14px; font-weight:normal; border-left:1px solid #e7e7e7; margin-left:735px;width:200px;}
.subnav .nav3 dt img{ /*width:25px;*/ height:25px; vertical-align:middle; margin-left:20px; margin-right:10px}/*里面图标*/

/*服务支持*/
.subnav .nav4{ clear:both; overflow:hidden;background:url(../images/ying.png) repeat-x top;}
.subnav .nav4 dt{
	background:url(../images/ying.png) repeat-x left top #f3f3f3;
	text-align:left; 
	display:block;
	line-height:51px; height:51px; font-size:14px; font-weight:normal; border-left:1px solid #e7e7e7; margin-left:830px;width:200px;}
.subnav .nav4 dt img{ /*width:25px;*/ height:25px; vertical-align:middle; margin-left:20px; margin-right:10px}/*里面图标*/

/*联系我们*/
.subnav .nav5{ clear:both; overflow:hidden;background:url(../images/ying.png) repeat-x top;}
.subnav .nav5 dt{
	background:url(../images/ying.png) repeat-x left top #f3f3f3;
	text-align:left; 
	display:block;
	line-height:51px; height:51px; font-size:14px; font-weight:normal; border-left:1px solid #e7e7e7; margin-left:923px;width:200px;}
.subnav .nav5 dt img{ /*width:25px;*/ height:25px; vertical-align:middle; margin-left:20px; margin-right:10px}/*里面图标*/

/*家装*/
.subnav .navgj,.subnav .con-list{ clear:both; overflow:hidden;background:url(../images/ying.png) repeat-x left top #f3f3f3;}
.subnav .navgj dt{ background:url(../images/ying.png) repeat-x left top #f3f3f3;text-align:center; display:block; float:left; line-height:51px; height:51px; font-size:14px; font-weight:normal; border-left:1px solid #e7e7e7; margin-left:-1px;width:240px;}
.subnav .navgj dt img{ /*width:25px;*/ height:25px; vertical-align:middle; margin-right:5px;}

/*工程*/
.subnav .navg,.subnav .con-list{ clear:both; overflow:hidden;background:url(../images/ying.png) repeat-x left top #f3f3f3;}
.subnav .navg dt{ background:url(../images/ying.png) repeat-x left top #f3f3f3;text-align:center; display:block; float:left; line-height:51px; height:51px; font-size:14px; font-weight:normal; border-left:1px solid #e7e7e7; margin-left:-1px;width:300px;}
.subnav .navg dt img{ /*width:25px;*/ height:25px; vertical-align:middle; margin-right:5px;}

/*堵漏*/
.subnav .navgl,.subnav .con-list{ clear:both; overflow:hidden;background:url(../images/ying.png) repeat-x left top #f3f3f3;}
.subnav .navgl dt{ background:url(../images/ying.png) repeat-x left top #f3f3f3;text-align:center; display:block; float:left; line-height:51px; height:51px; font-size:14px; font-weight:normal; border-left:1px solid #e7e7e7; margin-left:-1px;width:300px;}
.subnav .navgl dt img{ /*width:25px;*/ height:25px; vertical-align:middle; margin-right:5px;}


#subnav4 .con-list{background:url(../images/subnav_300.jpg) repeat;}
#subnav4 .con-list .con{width:300px;}

/*#subnav2 .nav dt,#subnav5 .nav dt,#subnav6 .nav dt{}*/
#subnav2 .con-list{ background:url(../images/subnav_240.jpg) repeat;}
#subnav2 .con-list{ background:url(../images/subnav_300.jpg) repeat;}
#subnav2 .con-list .con{width:280px;}
#subnav3 .con-list .con{width:220px;}
#subnav3 .con-list{ background:url(../images/subnav_240.jpg) repeat;}


#subnav8 .nav dt{width:200px;}
#subnav9 .nav dt,#subnav5 .nav dt{width:300px;}
#subnav9 dt.end{ width:480px;}

.ban{height:280px; text-align:center; padding-top:110px;}
.ban img{ width:1200px; height:280px;}
.ying{ background:url(../images/ying.png) repeat-x left top; position:absolute; left:0; top:140px; width:100%; display:block; height:8px; z-index:10;}

.Content{ width:1200px; margin:50px auto;}

.Sidebar{ float:left; width:278px;border: 1px solid #ccc;}
.Sidebar li{ list-style:none;  font-size:16px;width: 245px;margin: 0 auto;}
.Sidebar li a{background:url(../images/tan_li.jpg); background-repeat:no-repeat; background-position:right center; display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-right:20px; height:55px; line-height:55px; color:#333333; padding-left:65px; position:relative; border-bottom:#a6c0db dotted 1px;}
.Sidebar li ul li a{ font-size:13px;}
#side50.a{color: #ceb75a;}
.Sidebar li img{ position:absolute; height:25px; left:20px; top:19px;}

.RightBar{ float:right; width:884px;}
.RightBar .detail{ overflow:hidden; margin-top:10px; margin-bottom:10px;}
.Current{ border-bottom:1px solid #e1e1e1; height:35px; color:#999; margin-bottom:23px; font-size:12px;}
.Current b{ border-bottom:2px solid #d4c37f; display:inline-block; height:35px; color:#d4c37f; font-size:22px;}
.Current em{ font-style:normal; float:right;}
.Current em span,.Current em a:hover{ color:#ceb75a;}
.Current em a{ color:#999;}

.Nav{ margin-bottom:25px;border-top: 1px solid #DDD;}
/*
.Nav li{ float:left; list-style:none; border-right:2px solid #fff; font-size:14px;}
.Nav li a{ padding:0 25px; display:inline-block; line-height:43px;}
.Nav li a:hover,.Nav li a.aon{ color:#fff; background-color:#00b0e2;}*/


.Nav .sl-wrap {position: relative;_zoom: 1;line-height: 34px;border-bottom: 1px solid #DDD;}
.Nav .sl-key {float: left;width: 100px;padding-left: 10px;}
.Nav .sl-value {margin-left: 110px;padding-right: 130px;padding-left: 10px;overflow: hidden;zoom: 1;}
.Nav .sl-v-list {overflow: hidden;zoom: 1;padding-top: 4px;}
.Nav .sl-v-list ul {float: left;overflow: hidden;zoom: 1;position: relative;height: 30px;list-style: none;}
.Nav .sl-v-list li {margin-right: 50px;float: left;_display: inline;margin-bottom: 4px;height: 26px;line-height: 26px;}
.Nav .sl-v-list li a {float: left;white-space: nowrap;zoom: 1;color: #005aa0;}
.Nav .sl-v-list li a:hover,.Nav .sl-v-list li a.aon{text-decoration: none;color: #e4393c;}

.HeaderBg{ overflow:hidden; background-color:#fff;}
.H_Header{ width:1200px; margin:auto; position:relative;background-color: #fff;}

.H_Header .HBanTop{width:1200px; margin-bottom:0px;  overflow:hidden; position:relative;}
.H_Header .HBanTop a{ display:block;}
.H_Header .HBanTop span{ display:block; position:absolute; top:-5px;right:-4px; width:20px; height:20px; background:url(../images/close.png) no-repeat; cursor:pointer;}

.case-list li{ list-style:none; padding-bottom:20px; margin-bottom:28px; border-bottom:1px dotted #c8c8c8; position:relative; padding-left:220px; min-height:200px;}
.case-list li .img{ position:absolute; left:0px; width:200px; top:0;}
.case-list li .img img{ width:200px; height:200px;}
.case-list li h4{ margin:0; font-size:14px; padding-bottom:10px;}
.case-list li .intro{ font-size:14px; padding-bottom:28px;}
.case-list li .date{ margin:0; background:url(../images/i_date.jpg) no-repeat left center; padding-left:15px; position:absolute; bottom:28px; font-size:90%; color:#ababab;}

.case-list2{margin-top:10px;}
.case-list2 li{ list-style:none; padding-bottom:20px; margin-bottom:28px; border-bottom:1px dotted #c8c8c8; position:relative; padding-left:220px; min-height:200px;}
.case-list2 li .img{ position:absolute; left:0px; width:200px; top:0;}
.case-list2 li .img img{ width:200px; height:200px;}
.case-list2 li h4{ margin:0; font-size:14px; padding-bottom:10px;}
.case-list2 li .intro{ font-size:14px; padding-bottom:28px;}
.case-list2 li .date{ margin:0; background:url(../images/i_date.jpg) no-repeat left center; padding-left:15px; position:absolute; bottom:28px; font-size:90%; color:#ababab;}
.case-list2 li .material{font-size:14px;padding-bottom:10px; overflow:hidden;}
.case-list2 li .area{font-size:14px;padding-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin: 0px;}


footer{ background:url(../images/foot-bg.jpg) no-repeat center center; clear:both; height:207px; }
footer p{margin:0;height:90px; line-height: 90px; font-size:12px; color:#bfbfbf;}
footer p a{ color:#bfbfbf; font-size:12px; font-weight:bold;}
.indcaton{background: url(../images/ind-catcn.jpg) no-repeat center center;width: 566px; height: 139px;}
.indcaton ul{margin-left: 30px;}
.indcaton ul li{ margin-left: 23px; width: 218px; height: 46px; line-height: 46px; padding-left: 15px; float: left;}

.bottom dl{ float:left; width:122px; }
.bottom dl.dl10{ width:auto;}
.bottom dt{color:#333; padding-bottom:10px;}
.bottom dd{ line-height:30px;}
.bottom dd a{ color:#666;}
.bottom dd a:hover{color:#1377bd;}

.product-Info .bigImg{ float:left; width:463px;}
.product-Info .bigImg img{ width:453px; height:457px; padding:4px; border:1px solid #eee;}
.product-Info .Intro{ float:right; width:389px; border-left:1px solid #00b0e2; position:relative; min-height:467px;}
.product-Info .Intro h1{ font-size:18px; font-weight:normal; padding-left:36px; margin-left:-20px; border-bottom:1px solid #00b0e2; margin-top:0; margin-bottom:10px; margin-right:0; padding-top:10px; padding-bottom:10px; color:#444;}
.product-Info .Intro li{ list-style:none;}




.list-ul1{ padding-bottom:10px;}
.list-ul1 ul{ width:100%; clear:both; overflow:hidden;}
.list-ul1 ol,.list-ul1 li{ float:left; line-height:30px; font-size:14px;word-wrap:break-word;}
.list-ul1 li{ width:304px;}
.list-ul1 ol{ width:85px; text-align:right; padding:0;}
.list-ul1 li a{ background-color:#8b8b8b; padding:0 13px; color:#fff; display:inline-block; line-height:24px; margin-right:5px;}

.Img-box{ position:absolute; overflow:hidden; height:90px; width:100%; bottom:0; left:0;}
.Img-box .bd{ margin:0 39px; position:relative;}
.Img-box .bd li{ width:92px; margin:0 5px; cursor:pointer;}
.Img-box .bd li img{ width:86px; height:84px; padding:2px; border:1px solid #ddd;}
.Img-box .bd li.on img{ border:1px solid #1ab8e5;}
.Img-box a.prev,.Img-box a.next{ position:absolute; width:39px; height:90px; background-position: center center; background-repeat:no-repeat; z-index:10; cursor:pointer;}
.Img-box a.prev{ left:0; background-image:url(../images/btn_left.jpg);}
.Img-box a.next{ right:0; background-image:url(../images/btn_right.jpg);}
.Img-box a.prevStop{ background-image:url(../images/btn_leftStop.jpg) !important; cursor:default;}
.Img-box a.nextStop{ background-image:url(../images/btn_rightStop.jpg) !important; cursor:default;}

.prod-title{ padding-top:33px; border-bottom:1px solid #b6b6b6; font-size:20px; color:#444;}
.prod-title span{ border-bottom:2px solid #444; display:inline-block; padding-bottom:10px;}
.prod-con{ padding-top:22px;}
.prod-con img{ max-width:100%;}

.honor-list li{ float:left; width:284px; list-style:none; margin:0 5px;overflow:hidden; text-align:center;}
.honor-list li a{ display:block; height:220px;}
.honor-list li div{ padding:2px; border:1px solid #ddd; display:table; height:174px; width:274px; overflow:hidden; text-align:center; margin-bottom:10px;}
.honor-list li div p{ display:table-cell; vertical-align:middle;}

.service-list li{ height:39px; line-height:39px; border-bottom:1px dotted #bababa; list-style:none;}
.service-list li a{ padding-left:12px; background:url(../images/icon.gif) no-repeat left center;}
.service-list li span{ float:right; color:#a5a5a5;}
.service-list li b.new{ background:url(../images/new.gif) no-repeat center center; width:22px; display:inline-block;height:12px; margin-left:5px;}

.news-info header{ text-align:center; border-bottom:1px dotted #ddd; margin-bottom:20px;}
.news-info header div{ font-size:120%; font-weight:bold; color:#333;}
.news-info header p{ margin:0; padding:10px 0;}
.news-info header p span{ margin-left:15px;}
.info_back{ text-align:center; font-weight:bold; border-top:1px dotted #ddd;  border-bottom:1px dotted #ddd; padding:5px 0; margin:10px 0;}
.info_back a{color:#d4c37f;}
.info_back1{ padding:10px 18px;}
.info_back1 a{border-radius:4px; background-color:#F00; color:#fff; display:inline-block; padding:0 20px; height:40px; line-height:40px;}
.info_NP{ line-height:30px; font-size:90%;}
.info_NP a{ color:#666;}
.info_NP a:hover{ color:#d4c37f;}

.inquiry{ height:65px; overflow:hidden; padding-top:30px;}
.inquiry span{ float:left; font-size:22px; width:126px; height:65px; line-height:65px; background:url(../images/inq_title.jpg) no-repeat 21px center #00b0e2; padding-left:57px; color:#fff;}
.inquiry .text{ width:503px; margin:0 9px; float:left; line-height:63px; height:63px; border:1px solid #c7c7c7; background:#fff;}
.inquiry .btn{ width:142px; height:65px; cursor:pointer; float:left; background:url(../images/inq_icon.jpg) no-repeat center center #00b0e2; border:0;}
.inq-show{ width:348px; position:fixed; height:87px;left:50%; top:50%; margin-left:-174px; margin-top:-43px; z-index:100; display:none; border-radius:5px; background:url(../images/resultbg.jpg) repeat-x left bottom #fff;}
.inq-show span{ background:url(../images/inq_close.png) no-repeat; width:25px; height:25px; overflow:hidden; line-height:100px; position:absolute; right:-12px; top:-12px; cursor:pointer; z-index:10; display:inline-block;}
.inq-show div{ padding-left:97px; background:url(../images/inq_bg.png) no-repeat 10px center; height:87px; line-height:87px; font-size:20px;}
.inq-show div b{ font-size:30px; color:#ff0000; font-weight:normal;}

.service-list ol{ list-style:none; padding-bottom:20px; margin-bottom:28px; border-bottom:1px dotted #c8c8c8; position:relative; padding-left:220px; height:140px;}
.service-list ol .img{ position:absolute; left:0px; width:200px; top:0;}
.service-list ol .img img{ width:200px; height:140px;}
.service-list ol h4{ margin:0; font-size:14px; padding-bottom:10px;}
.service-list ol .intro{ font-size:14px; padding-bottom:28px; color:#8b8b8b;}
.service-list ol .date{ margin:0; background:url(../images/i_date.jpg) no-repeat left center; padding-left:15px; position:absolute; bottom:28px; font-size:90%; color:#ababab;}

.download-list li{ height:39px; line-height:39px; border-bottom:1px dotted #bababa; list-style:none;}
.download-list li a{ padding-left:12px; background:url(../images/icon.gif) no-repeat left center;}
.download-list li span{ float:right; color:#a5a5a5;}
.download-list li span a{ padding-left:0; background:none;color:#d4c37f;}

.download-list ol{ text-align:center; float:left; margin-right:10px; padding-left:0;  height:320px; margin:0;margin-right:30px;}
.download-list ol div{ margin-bottom:10px;}
.download-list ol div img{ padding:4px; width:188px; height:253px; border:1px solid #cdcdcd;}
.download-list ol.end{ margin-right:0;}
.download-list ol a{ color:#707070;}
.download-list ol a:hover{color:#d4c37f;}

.news-list ol{ list-style:none; padding-bottom:20px; margin-bottom:15px; border-bottom:1px dotted #c8c8c8; position:relative; padding-left:220px; height:140px;}
.news-list ol .img{ position:absolute; left:0px; width:200px; top:0;}
.news-list ol .img img{ width:200px; height:140px;}
.news-list ol h4{ margin:0; font-size:14px; padding-bottom:10px;}
.news-list ol .intro{ font-size:14px; padding-bottom:28px; color:#8b8b8b;}
.news-list ol .date{ margin:0; background:url(../images/i_date.jpg) no-repeat left center;position:absolute; bottom:28px; font-size:90%; color:#ababab;}

.news-list li{ height:39px; line-height:39px; border-bottom:1px dotted #bababa; list-style:none;}
.news-list li a{ padding-left:12px; background:url(../images/icon.gif) no-repeat left center; font-size:13px;}
.news-list li span{ float:right; color:#a5a5a5;font-size:13px;}
.news-list li b.new{ background:url(../images/new.gif) no-repeat center center; width:22px; display:inline-block;height:12px; margin-left:5px;}

.padding{ padding-top:140px;}
#allmap{width:1200px; margin:0 auto;height:280px;}
#allmapb{min-width:1200px; margin:0 auto;min-height:800px;}

.works-list{ clear:both; overflow:hidden;}
.works-list li.prolistli{ float:left; width:270px; margin-right:24px; padding-top:28px; height:280px; border-bottom:1px solid #e9e9e9; list-style:none;}
.works-list li.prolistli a img{ width:278px; height:216px;-webkit-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;}
.works-list li.prolistli a:hover img{-webkit-transform: scale(1.03);transform: scale(1.03);}
.works-list li.prolistli h3{ font-size:16px; margin:0; padding:10px 0;}
.works-list li.prolistli h3 a{ color:#646869;}
.works-list li.prolistli h3 span{ float:right;}
.works-list li.prolistli h3 a span{ display:inline-block; color:#fff; background-color:#333; line-height:24px; height:24px; width:54px; text-align:center; font-size:12px; font-weight:normal;}
.works-list li.prolistli p{ color:#837e7e; margin:0; line-height:20px; font-size:90%;}

.prolist{ width:100%; height:40px; line-height:40px; text-align:center; background:#d4c37f; color:#fff; font-size:14px;}
.proshow-tit{width:100%; line-height:40px; text-align:center; border-bottom:1px solid #d2d2d2;color:#d4c37f; font-size:14px;}
.proshow-con{ width:100%; text-align:center; margin-top:15px;}
.proshow-con img{ border:0px;}
.newshow-tit{width:100%; line-height:40px; text-align:center; border-bottom:1px solid #d2d2d2;color:#555; font-size:16px;}
.ntdate{ font-size:12px; color:#ccc; text-align:center;}
.newshow-con{ width:100%; text-align:left; margin-top:15px;}
.newshow-con img{ border:0px;}
.newshow-con p,.newshow-con a,.newshow-con span{ font-size:14px; line-height:30px; color:#000;}

.case-search em,.case-search .select,.case-search .text,.case-search .btn{ float:left;}
.case-search em{ font-style:normal; display:inline-block; height:27px; line-height:27px;}
.case-search .select{ width:150px; height:25px; border:1px solid #d8d8d8; position:relative; background:url(../images/icon_select.jpg) no-repeat 96% center; margin-right:10px;}
.case-search .select a{ line-height:25px; display:block; padding-left:9px; padding-right:26px;}
.case-search .select .hide{ position:absolute; left:0; top:24px;border:1px solid #d8d8d8; background-color:#fff; width:100%; left:-1px; display:none;overflow: auto;height: 251px;}
.case-search .text{ width:190px; height:25px; line-height:25px; background:#fff;border:1px solid #d8d8d8; text-align:center; }
.case-search .btn{ width:50px; height:27px; background:#00b0e2; color:#fff; cursor:pointer; border:0; margin-left:10px;text-align:center;}

.job-list{ padding-bottom:20px;}
.job-list table{border:1px solid #e8e8e8; border-collapse:collapse;}
.job-list td{ padding-left:23px; border:1px solid #e8e8e8; border-collapse:collapse; background-color:#fff;}
.job-list .f-name{ width:111px; text-align:center; padding-left:0; font-size:12px;}
.job-list .show td{ height:28px; font-size:12px; line-height:28px;}
.job-list tr.top td{ background-color:#f7f7f7;}
.job-list .show{ position:relative;}
.job-list .show a.a-open{ color:#ceb75a; font-weight:bold; position:absolute; top:5px; left:137px;}
.job-list .show td span{ float:right;}
.job-list .show td span a{ font-weight:normal; color:#fff; background:url(../images/btn_apply.jpg) no-repeat; width:93px; height:25px; overflow:hidden; line-height:100px; display:inline-block; vertical-align:middle;}
.job-list .hide{ display:none;/* margin-top:-1px;*/}
.job-list .hide table,.job-list .hide td{ border-top:0;}
.job-list .hide .f-name{ vertical-align:top; padding-top:25px;}

.form_table .f-name{ text-align:right; width:200px;}
.form_table td{ padding-bottom:10px; vertical-align:top;}
.form_table .form_err,.form_table  strong{ color:#ff0000;}
.form_table .text{width:300px; height:25px; line-height:25px; background:#fff;border:1px solid #d8d8d8;}
.form_table .btn{width:60px; height:27px; background:#00b0e2; color:#fff; cursor:pointer; border:0; }

.feedback{ border:1px solid #e3e3e3; background:url(../images/feedbackbg.jpg) no-repeat 463px 42px; padding:32px 0;}
.feedback .f-name{ width:92px; padding-right:10px; text-align:right;}
.feedback td{ padding-bottom:7px; vertical-align:top;}
.feedback .text{ width:125px; height:29px; line-height:29px; border:1px solid #dcdcdc; padding:0 5px; background: url(../images/textbg.jpg) repeat-x left top;}
.feedback textarea{ width:332px; height:150px; line-height:25px; border:1px solid #dcdcdc; padding:0 5px;background: url(../images/textareabg.jpg) repeat-x left top #fff;}
.feedback .form_err{ color:#f00;}
.feedback .btn{ width:119px; height:36px; cursor:pointer; border:none; border-radius:3px; background:#00b0e2; font-weight:bold; color:#fff;}

.templet_links_001{ height:auto !important; height:400px; min-height:400px;}
.templet_links_001 ul li{ text-align:center; width:176px; float:left; height:90px; overflow:hidden; padding-top:15px;}
.templet_links_001 ul .pic{ border:solid 1px #ccc; padding:2px; background:#fcfcfc; width:150px; margin:0 auto;}
.templet_links_001 ul .pic img{ width:150px; height:60px;}
.templet_links_001 ul h5{ font-size:12px; font-weight:normal; padding:8px 0px; margin:0;}

.ul_sitemap li{ padding-bottom:10px;}

.ban-box{ width:1200px; height:483px; margin:0 auto; position:relative; overflow:hidden;}
.ban-box .bd li img{width:1200px; height:500px;}
.ban-box .hd{ text-align:center; position:absolute; left:0; width:100%; bottom:32px; height:16px; z-index:10;}
.ban-box .hd a{ width:16px; height:16px; display:inline-block; margin:0 5px; background:url(../images/dot_con.png) no-repeat left center;}
.ban-box .hd a.on{ background-position: right center;}
.ban-box a.prev,.ban-box a.next{ position:absolute; top:50%;width:45px; height:100px; margin-top:-50px; cursor:pointer; z-index:10;}
.ban-box a.prev{ left:0; background:url(../images/btn_prev.jpg) no-repeat; }
.ban-box a.next{ right:0; background:url(../images/btn_next.jpg) no-repeat; }



.ind-ab{ background:url(../images/about-bg.jpg) no-repeat center center; height:600px;}
.ind-ab-con{width: 1090px;height: 300px;overflow: hidden;padding-top: 145px;margin: 0 auto;}
.ind-ab-con p{font-size: 14px;line-height: 35px;color: #fff; text-align:left;}
.a-more{ width:90px; height:25px; line-height:25px; background:#e60012; color:#fff; display:block; text-align:center; border-radius:5px;}

.ind-pro{}
.ind-pro-con{}
.ind-pro-con ul{}
.ind-pro-con ul li{ float:left; margin-right:15px;}
.mt30{ margin-top:80px;}


.ind-hzhb{ margin-bottom:90px; height:270px;}
.ind-hzhb-con{}
.ind-hzhb-con ul{}
.ind-hzhb-con ul li{ float:left; border:2px solid #e6e6e6; border-right:none;}
.ind-hzhb-con ul li a{}
.ind-hzhb-con ul li:hover img{ width:200px; opacity: 0.8;}

.news-left{ float:left; width:500px; height:400px; overflow:hidden; position:relative;}
.news-left .bd li{ height:324px; position:relative; list-style:none;}
.news-left .bd li img{ width:500px; height:324px;}
.news-left .bd li span{ position:absolute; left:0; bottom:0; width:100%; background-color:#000;filter:alpha(opacity=25);opacity: 0.25;-moz-opacity:0.25;-khtml-opacity: 0.25; height:40px; z-index:1;}
.news-left .bd li a.txt{ position:absolute;left:0; bottom:0;  line-height:40px; width:100%; color:#fff; z-index:3; display:block; height:40px; font-weight:bold; padding-left:10px;}
.news-left .hd{ background-color:#141414; height:66px; padding-top:10px;}
.news-left .hd li{ float:left; width:100px; text-align:center; list-style:none; cursor:pointer;}
.news-left .hd li img{ width:90px; height:56px;}
.news-left .hd li.on img{ border:2px solid #00b0e2;width:86px; height:52px;}

.news-right{ float:right; width:660px;}
.news-right .hd{ border-bottom:1px solid #e1e1e1; height:40px;background:url(../images/tabline.jpg) no-repeat left top; overflow:hidden;}
.news-right .hd li{ list-style:none; width:140px; text-align:center; font-size:16px; font-weight:bold; background:url(../images/tabline.jpg) no-repeat right center; float:left; cursor:pointer;}
.news-right .hd li.on{ color:#d4c37f;}
.news-right .list-ul{ width:660px; height:410px;}
.news-right  .list-ul ul li{ list-style:none; line-height:36px; color:#000000; font-size:12px; line-height:35px; background:url(../images/main_10.jpg) no-repeat left center; padding-left:20px;}
.news-right  .list-ul ul li a{  font-size:12px; color:#000000; width:300px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; float:left; display:block;}
.news-right  .list-ul ul li span{ float:right;}



.news-right  .more{text-align:right;}
.news-right  .more a{ color:#d4c37f}
.classic-left{ width:912px; float:left; position:relative; height:400px;}
.classic-left .box{ position:absolute;}
.classic-left .box1{ left:0; top:0;}
.classic-left .box2{ right:0; top:0;}
.classic-left .box3{ left:237px; top:0;}
.classic-left .box4{ left:237px; top:204px;}
.classic-left .box5{ left:459px; top:204px;}
.classic-left .box1 img,.classic-left .box2 img{ width:229px; height:400px;}
.classic-left .box4 img,.classic-left .box5 img{ width:214px; height:196px;}
.classic-left .box3 img{ width:436px; height:196px;}
.classic-left .name{ position:absolute; width:100%; background:url(../images/namebg.png) repeat; text-align:center; left:0; display:none;}
.classic-left .name h1{ font-size:18px; margin:0; color:#fff; font-weight:normal;}
.classic-left .name  a{  color:#fff;border:1px solid #fff; display:inline-block; height:23px; line-height:23px; width:74px; background:url(../images/name_a.gif) no-repeat 95% center;}

.classic-left .box4 .name,.classic-left .box5 .name{ bottom:0;}
.classic-left .box4 .name h1,.classic-left .box5 .name h1{height:55px; line-height:55px; padding-left:17px; text-align:left;}
.classic-left .box4 .name a,.classic-left .box5 .name a{ position:absolute; right:5px; bottom:15px;}

.classic-left .box1 .name,.classic-left .box2 .name{ height:100px;}
.classic-left .box3 .name{ height:196px; width:98px; right:0; left:auto;}
.classic-left .box2 .name{ bottom:0;}

.classic-left .box1 .name h1{ padding-top:26px; padding-bottom:5px;}
.classic-left .box2 .name h1{ padding-top:18px;padding-bottom:10px;}
.classic-left .box3 .name h1{ padding:28px 33px 30px;}

.classic-right{ float:right; height:400px; background-color:#f0f0f0; width:280px; position:relative;}
.classic-right h1{ color:#d4c37f; font-size:24px; font-weight:normal; margin:0; height:74px; line-height:74px; padding-left:26px;}
.classic-right .hd{ position:absolute; right:22px; top:37px;}
.classic-right .hd li{ width:13px; height:13px; display:inline-block; margin:0 2px; overflow:hidden; line-height:100px; background:url(../images/parent_icon.jpg) no-repeat left center; float:left; cursor:pointer;}
.classic-right .hd li.on{ background-position: right center;}
.classic-right .picList li{ float:left; width:139px; height:107px; border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3; margin-left:-1px; list-style:none; display:table;}
.classic-right .picList li .pic{ display:table-cell; text-align:center; vertical-align:middle;height:107px;}
.classic-right .picList li .pic img{ height:60px;width:137px;}
.classic-right .picList li .pic a img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%); /* chrome+ */
    filter: grayscale(100%); /* 未来浏览器 */
    filter: gray; /* ie6-8 */
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*ie6-9 */
    }
.classic-right .picList li .pic a:hover img{filter: url("data:image/svg+xml;utf8"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(0%); /* chrome+ */
    filter: grayscale(0%); /* 未来浏览器 */
    filter: ; /* ie6-8 */
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);/*ie6-9 */
   }
   
.Img-Nav{ clear:both; overflow:hidden; width:1200px; margin:0 auto;}   
.Img-Nav li{ float:left; width:280px; margin-right:20px; cursor:pointer; height:215px; list-style:none; text-align:center; position:relative;}
.Img-Nav li .hover{ display:none; position:absolute; left:0; top:0; width:100%; height:157px; background:url(../images/hoverbg.png) repeat; color:#fff;}
.Img-Nav li .hover img{ margin-top:36px; width:50px; height:50px;}
.Img-Nav li .hover p{ padding:0 10px; font-size:12px;}
.Img-Nav li h3{ margin:0; height:58px; line-height:58px; font-size:16px; font-weight:normal; background-color:#f5f5f5;}
.Img-Nav li:hover h3{ background-color:#d4c37f; color:#fff;}
.Img-Nav li:hover .hover{ display:block;}




.kist_comlu{font-size: 14px;height: 35px;line-height: 35px;margin: 5px 0;color: #999;float: right;text-align: right;}
.kist_comlu a{color: #999;}
.kist_comlu a:hover{ color:#ceb75a;}
.kist_comlu span{ color:#ceb75a;}

/*-----------contact page-------------*/
.ny-cat-con-p{}
.ny-cat-con-p p{ width:47%; border-bottom:1px dashed #ccc; height:40px; float:left; overflow:hidden;line-height:40px;background: url(../images/main_46.jpg) no-repeat left center; padding-left:15px;}
.ny-cat-con-p p a{ color:#000;}
.ny-cat-con-p p a:hover{ text-decoration:underline;}

.contact-map{ margin-top:30px;}